<template>
  <div class="stitle">
    <img class="l" src="~@/assets/images/jz/title-l.png" alt="">
    <div class="txt">{{text}}</div>
    <div class="line"></div>
    <img src="~@/assets/images/jz/title-r.png" />
  </div>
</template>

<script>
export default {
  props: {
    text: {
      type: String,
      default: ''
    }
  }
}
</script>

<style lang="less">
  .stitle {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 85px;
    img.l {
      width: 85px;
      height: 85px;
      margin-right: 37px;
    }
    img.r {
      width: 155px;
      height: 116px;
    }
    .line {
      flex: 1;
      margin: 0 37px;
      border-top: 6px solid #1B7EF2;
    }
    .txt {
      float: left;
      font-family: YouSheBiaoTiHei;
      font-size: 80px;
      line-height: 132px;
      font-weight: normal;
      letter-spacing: 0em;
      color: #D4E8FF;
      text-shadow: 0px 0px 16px 0px #003DFF;
    }
  }
</style>
